<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" href="reset.css" type="text/css" media="screen" charset="utf-8" />
	<link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8" />
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

	<script type="text/javascript" src="jquery-ilc-tabs.js"></script>
	<script type="text/javascript">
	jQuery(document).ready(function(){
		tabs({
			block  : "#block&2000",
			block2 : "#block2"
		});
		
	});
	</script>
<!-- By ilovecolors.com.ar  http://www.ilovecolors.com.ar/multiple-jquery-tabs/ -->
    <title>.: ilovecolors tabs :.</title>
	
</head>
<body>
<div id="sample"><div class="backtoilc"><a href="http://ilovecolors.com.ar/multiple-jquery-tabs/" rel="bookmark" title="Go back to article">&laquo; Go back to Multiple jQuery Tabs</a></div></div>

<div id="block" class="block">
	
		<h1 class="h">Sample Content</h1>
		<ul class="htabs">
			<li><h2><a href="#design" id="designt">Graphic design</a></h2></li>
			<li><h2><a href="#development" id="developmentt">Development</a></h2></li>
			<li><h2><a href="#freebies" id="freebiest">Freebies</a></h2></li>
		</ul>
		<div class="tabs">
			<div class="tab" id="design"><ul>
				<li><a href="http://www.ilovecolors.com.ar/category/typography/" target="_blank">Typography</a></li>
				<li><a href="http://www.ilovecolors.com.ar/tag/typeface/" target="_blank">Typefaces</a></li>
				<li><a href="http://www.ilovecolors.com.ar/tag/painting/" target="_blank">Painting</a></li>
				<li><a href="http://www.ilovecolors.com.ar/category/graphic-design/" target="_blank">Grid systems</a></li>
				<li><a href="http://www.ilovecolors.com.ar/category/graphic-design/" target="_blank">Optical balance</a></li>
			</ul></div>
			<div class="tab" id="development">
			<ul>
				<li><span class="bullet">1</span><a href="http://www.ilovecolors.com.ar/rollovers-tooltips-jquery/" target="_blank">jQuery rollovers</a></li>
				<li><span class="bullet">2</span><a href="http://ilovecolors.com.ar/category/wordpress" target="blank">WordPress plugins</a></li>
				<li><span class="bullet">3</span><a href="http://www.ilovecolors.com.ar/sliding-menu-using-jquery/" target="_blank">jQuery slide menu</a></li>
				<li><span class="bullet">4</span><a href="http://www.ilovecolors.com.ar/tag/development/" target="_blank">Web development</a></li>
				<li><span class="bullet">5</span><a href="http://www.ilovecolors.com.ar/tag/web-application/" target="_blank">Content management system</a></li>
			</ul></div>
			<div class="tab bmod" id="freebies">
			<ul>
				<li><span class="bullet">a</span><a href="http://www.ilovecolors.com.ar/tag/icons/" target="_blank">Icons</a></li>
				<li><span class="bullet">b</span><a href="http://www.ilovecolors.com.ar/tag/freebie/" target="_blank">Free font giveaway</a></li>
				<li><span class="bullet">c</span><a href="http://www.ilovecolors.com.ar/free-pixel-font-giveaway-daxion/" target="_blank">Daxion, Tessa, Merlin, Mai</a></li>
				<li><span class="bullet">d</span><a href="http://www.ilovecolors.com.ar/jquery-tabs-rotation/">DOWNLOAD ME</a></li>
				<li><span class="bullet">e</span><a href="http://www.ilovecolors.com.ar/tag/plugin/" target="_blank">ILC Thickbox, ILC FLVBox</a></li>
			</ul></div>
		</div>
	
</div>

<div id="block2" class="block">
		<h1 class="h">Sample Content</h1>
		<ul class="htabs">
			<li><h2><a href="#elastic" id="elastict">Elastic</a></h2></li>
			<li><h2><a href="#glamour" id="glamourt">Glamour</a></h2></li>
			<li><h2><a href="#bionic" id="bionict">Bionic</a></h2></li>
		</ul>
		<div class="tabs">
			<div class="tab" id="elastic"><ul>
				<li><a href="http://www.ilovecolors.com.ar/category/typography/" target="_blank">Typography</a></li>
				<li><a href="http://www.ilovecolors.com.ar/tag/typeface/" target="_blank">Typefaces</a></li>
				<li><a href="http://www.ilovecolors.com.ar/tag/painting/" target="_blank">Painting</a></li>
				<li><a href="http://www.ilovecolors.com.ar/category/graphic-design/" target="_blank">Grid systems</a></li>
				<li><a href="http://www.ilovecolors.com.ar/category/graphic-design/" target="_blank">Optical balance</a></li>
			</ul></div>
			<div class="tab" id="glamour">
			<ul>
				<li><span class="bullet">1</span><a href="http://www.ilovecolors.com.ar/rollovers-tooltips-jquery/" target="_blank">jQuery rollovers</a></li>
				<li><span class="bullet">2</span><a href="http://ilovecolors.com.ar/category/wordpress" target="blank">WordPress plugins</a></li>
				<li><span class="bullet">3</span><a href="http://www.ilovecolors.com.ar/sliding-menu-using-jquery/" target="_blank">jQuery slide menu</a></li>
				<li><span class="bullet">4</span><a href="http://www.ilovecolors.com.ar/tag/development/" target="_blank">Web development</a></li>
				<li><span class="bullet">5</span><a href="http://www.ilovecolors.com.ar/tag/web-application/" target="_blank">Content management system</a></li>
			</ul></div>
			<div class="tab bmod" id="bionic">
			<ul>
				<li><span class="bullet">a</span><a href="http://www.ilovecolors.com.ar/tag/icons/" target="_blank">Icons</a></li>
				<li><span class="bullet">b</span><a href="http://www.ilovecolors.com.ar/tag/freebie/" target="_blank">Free font giveaway</a></li>
				<li><span class="bullet">c</span><a href="http://www.ilovecolors.com.ar/free-pixel-font-giveaway-daxion/" target="_blank">Daxion, Tessa, Merlin, Mai</a></li>
				<li><span class="bullet">d</span><a href="http://www.ilovecolors.com.ar/jquery-tabs-rotation/">DOWNLOAD ME</a></li>
				<li><span class="bullet">e</span><a href="http://www.ilovecolors.com.ar/tag/plugin/" target="_blank">ILC Thickbox, ILC FLVBox</a></li>
			</ul></div>
		</div>
</div>

</body>
</html>
